import { ModalProps } from 'antd';
import { Collapse } from 'antd';

import '../styles/chat.css';
type Props = {
  thoughtListAll: [];
  keyArr: [];
  setKeyArr: () => void;

} & ModalProps;

const Thought = ({ thoughtListAll, keyArr, setKeyArr }: Props) => {

  return (
    <Collapse
      // defaultActiveKey={['1','2']}
      activeKey={keyArr}
      onChange={(e) => {
        console.log(e);
        setKeyArr(e)
      }}
      // ghost
      bordered={false}
      items={thoughtListAll}
      style={{ border: 'none', borderRadius: '10px' }}
      expandIconPosition={'end'}
      className="collapse-buttom"
    />
  );
};

export default Thought;
